<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script src="http://www.google.com/jsapi?key=ABQIAAAAUC1v3jGuKkZU5KBoaPKaqhQz5JJ2zPi3YI9JDWBFF6NSsxhe4BTdpgPNADi1axFw8FkT1lfP4ytn2w"></script>
<script type="text/javascript" src="weblib/jQuery/jquery-1.4.4.js"></script>
<script type="text/javascript" src="navigate/js/main.js"></script>
<script type="text/javascript">
  function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myLatlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
    		  zoom: 8,
    		  center: myLatlng,
    		  mapTypeId: google.maps.MapTypeId.ROADMAP
    		};
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }
  var ge;
  google.load("earth", "1");

  function init() {
	   google.earth.createInstance('map3d', initCB, failureCB);
	}
  function initCB(instance) {
	   ge = instance;
	   ge.getWindow().setVisibility(true);
	}
  function failureCB(errorCode) {
  }
  google.setOnLoadCallback(init);

</script>


<style type="text/css">
<!--
#Layer1 {
	position: absolute;
	left: 825px;
	top: 18px;
	width: 184px;
	height: 31px;
	z-index: 1;
}
#map_canvas{

}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<body onLoad="initialize()">
<button>地图</button>
<button>地球</button>
<div id="map_canvas" style="width: 80%; height: 80%;"></div>
<div id="map3d" style="width: 80%; height: 80%;"></div>
</body>
</html>
